<!--
 * @Author: 袁三金
 * @Date: 2024-02-14 15:23:22
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2024-02-17 18:09:08
 * @Description: 请填写简介
-->
<template>
  <div class="breadcrumb">
    <span v-for="(item, index) in breadcrumbItems" :key="index">
      <a @click="handleBreadcrumbClick(item)">{{ item.name }}</a>
      <span v-if="index !== breadcrumbItems.length - 1">/</span>
    </span>
  </div>
</template>
<script>
export default {
  name: "Breadcrumb",
  data() {
    return {
      breadcrumbItems: [
        {
          name: "备份盘",
          id: "root",
        },
      ],
    };
  },
};
</script>
<style lang="scss" scoped>
.breadcrumb {
  height: 40px;
  font-size: 18px;
  display: flex;
  align-items: center;
  font-weight: 600;
  color: rgb(37, 38, 43);
}
</style>
